<template>
  <div>
    <div class="wrap">
      <ul class="nav">
        <li>
          <router-link :to="{ name: 'renmentuijian' }">热门推荐</router-link>
        </li>
        <li>
          <router-link :to="{ name: 'shoujishuma' }">手机数码</router-link>
        </li>
        <li>
          <router-link :to="{ name: 'jingdongchaoshi' }">京东超市</router-link>
        </li>
      </ul>
      <div class="content">
        <router-view></router-view>
      </div>
    </div>
  </div>
</template>

<script>
export default {};
</script>

<style lang="scss" scoped>
.wrap {
  display: flex;
  .nav {
    flex: 1;
  }
  .content {
    flex: 3;
  }
}
</style>